<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Custom Patches - Order Custom Made Patches No Minimum</title>
    <meta name="keywords" content="Custom Patches - Order Custom Made Patches No Minimum">
    <meta name="description" content="Custom Patches - Order Custom Made Patches No Minimum">
    <link href="css/favicon_b296152a5e64470986bd48a1930ef3db.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
    <link rel="stylesheet" type="text/css" href="css/null_c59f8b4ebe2c451881a830b537fd33e5.css">
    <link rel="stylesheet" type="text/css" href="css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/slider-pro.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/autoprice.css">
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="js/jquery.js"></script>
    <!--<![endif]-->
    <!-- 以下是 HTML5 与 IE8 兼容支持 -->
    <!--[if lt IE 9]>
          <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
          <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"></script>
          <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
          <script src="https://cdn.bootcss.com/rem/1.3.4/js/rem.min.js"></script>
     <![endif]-->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="js/null_d88e3a1c32084b3c92a02bf85eef2525.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-121688849-1');
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 804246813 -->
    <script>
        gtag('config', 'AW-804246813');
    </script>
    <!-- Event snippet for 简报注册 conversion page
    In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion_quote(url) {
            var callback = function() {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-804246813/lvi3CI254YkBEJ2qv_8C',
                'event_callback': callback
            });
            return false;
        }
    </script>
    <!-- Event snippet for 自动报价 conversion page
    In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion_order(url) {
            var callback = function() {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-804246813/uXVYCJ3P66sBEJ2qv_8C',
                'value': 30.0,
                'currency': 'CNY',
                'event_callback': callback
            });
            return false;
        }
    </script>
</head>

<body pagename="inQuote" class="inQuote">
    <div class="inQHeader">
        <div class="inner">
            <a href="/" class="inQlogo"><img src="images/logo-posh@2x.png" alt="NicePatches Logo"></a>
            <div></div>
            <p>sales@chenillepatch.com</p>
        </div>
    </div>
    <form name="orderForm" class="layui-form floating-labels clear" action="" lay-filter="orderForm">
        <article class="container clear" id="container">
            <section class="contentProcess">
                <div class="stepProcessWrap">
                    <div class="stepProcess">
                        <dl v-for="(process,index) in stepProcess" :class="[{'step-ready':process.id<selectedProcessIndex},{'step-reached':process.id==selectedProcessIndex}]" v-on:click="selectedProcess(process.id)">
                            <dt>
         <span>{{process.id}}</span>
         <i></i>
        </dt>
                            <dd>
                                {{process.name}}
                            </dd>
                        </dl>
                    </div>
                </div>
            </section>
            <section class="contentStep">
                <div class="stepbox stepPro" :class="{selectsbox:selectedProcessIndex==1}" id="stepPro">
                    <div class="qhd">
                        <h2>Step 1: Product</h2>
                        <p>Select a product and/or style to begin customizing.</p>
                        <a class="zk"><i></i></a>
                    </div>
                    <div class="qbd">
                        <div class="dlItem">
                            <dl v-for="(product, index) in productNode" :class="{cur:orderItem.productId==product.id}" v-if="product.name!='Sequin Patches'">
                                <div class="mimg">
                                    <img :src="getPhoto(product.photoData,0,250,0)" :alt="product.name">
                                </div>
                                <dt>
          {{product.name}}
         </dt>
                                <dd v-html="product.summary">
                                </dd>
                                <div class="dlBottom">
                                    <a class="selectbtn" v-on:click="selectedProduct(product)"> <span :id="'selectProduct'+product.id">Select</span><i></i> </a>
                                </div>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="stepbox stepIns" :class="{selectsbox:selectedProcessIndex==2}" id="stepIns">
                    <div class="qhd">
                        <h2>Step 2: Instant Quote</h2>
                        <!-- <p>Enter Quantity, Size, Embroidery Coverage, Get Automatic Quotes</p><a class="zk"><i></i></a> -->
                        <p> Customize by selecting the options that best fit your needs. As you make selections, the Order Summary on the right will update and reflect each choice – any upgrades that add additional cost to your order will also be reflected.
                            </p>
                    </div>
                    <div class="qbd layui-form" lay-filter="customize">
                        <div class="li_mod clear">
                            <div class="t">
                                1. Select Size (inches)
                                <i class="red">*</i>
                                <div class="tips">
                                    <b>!</b>
                                    <div>
                                        <h3>Size Help</h3>
                                        <p><span>Left Chest</span><span>2-3.5 inches</span></p>
                                        <p><span>Shoulder</span><span>3.5-4.5 inches</span></p>
                                        <p><span>Hat</span><span>2-4 inches</span></p>
                                        <p><span>Vest Back</span><span>12-14 inches</span></p>
                                    </div>
                                </div>
                            </div>
                            <ul class="radioUl">
                                <li v-for="size in (sizeNode==null?[]:sizeNode.children)"> <input type="radio" name="size" lay-filter="size" :value="size.name" :title="size.name+' inches'"><b>{{size.title}}</b> </li>
                                <li class="customSize"> <input type="radio" name="size" lay-filter="size" value="Custom Size" title="Custom Size">{{orderItem.selectedSize=='Custom Size' &amp;&amp;orderItem.size&gt;0?orderItem.size+' inches':''}}
                                    <div class="threeCol">
                                        <div class="thrbox">
                                            <input name="width" v-model="orderItem.width" placeholder="Width" lay-verify="" type="text" class="editInput">
                                            <span class="unit">inches wide</span>
                                        </div>
                                        <div class="tra">
                                            X
                                        </div>
                                        <div class="thrbox">
                                            <input name="height" v-model="orderItem.height" placeholder="Height" type="text" class="editInput">
                                            <span class="unit">inches long</span>
                                        </div>
                                    </div> <small id="customSize_tip" class="hide">Size can only have values between {{orderItem.minSize}} squared inches and {{orderItem.maxSize}} squared inches</small> </li>
                            </ul>
                        </div>
                        <div class="li_mod" v-show="embroideryCoverageNode!=null">
                            <div class="t" v-show="embroideryCoverageNode!=null &amp;&amp; embroideryCoverageNode.summary!=null">
                                Select Embroidery Coverage
                                <i class="red">*</i>
                                <div class="tipsSEC" v-show="embroideryCoverageNode!=null &amp;&amp; embroideryCoverageNode.summary!=''">
                                    <b>?</b>
                                    <div v-html="embroideryCoverageNode!=null?embroideryCoverageNode.summary: ''"></div>
                                </div>
                            </div>
                            <div class="libd">
                                <dl v-for="embroideryCoverage in (embroideryCoverageNode==null?[]:embroideryCoverageNode.children)" :class="{cur:orderItem.embroideryCoverageId==embroideryCoverage.id}">
                                    <img :src="getPhoto(embroideryCoverage.photoData,0,110,0)" alt="">
                                    <div class="con">
                                        <dt> 
            <span class="bfb">{{embroideryCoverage.name}}</span> 
            <span class="tjwz">{{embroideryCoverage.title}}</span> 
           </dt>
                                        <dd>
                                            {{embroideryCoverage.summary}}
                                        </dd>
                                    </div>
                                    <div class="dlBottom">
                                        <a class="selectbtn" v-on:click="orderItem.embroideryCoverage=embroideryCoverage.name;orderItem.embroideryCoverageId=embroideryCoverage.id"><span>Select</span><i></i></a>
                                    </div>
                                </dl>
                            </div>
                        </div>
                        <div class="li_mod" v-show="typeNode!=null">
                            <div class="t" v-show="typeNode!=null &amp;&amp; typeNode.summary!=null">
                                Select Type
                                <i class="red">*</i>
                                <div class="tipsSEC">
                                    <b>?</b>
                                    <div v-html="typeNode!=null?typeNode.summary: ''"></div>
                                </div>
                            </div>
                            <div class="libd">
                                <dl v-for="type in (typeNode==null?[]:typeNode.children)" :class="{cur:orderItem.typeId==type.id}">
                                    <img :src="getPhoto(type.photoData,0,110,0)" alt="">
                                    <div class="con">
                                        <dt> 
            <span class="bfb">{{type.name}}</span> 
            <span class="tjwz">{{type.title}}</span> 
           </dt>
                                        <dd>
                                            {{type.summary}}
                                        </dd>
                                    </div>
                                    <div class="dlBottom">
                                        <a class="selectbtn" v-on:click="orderItem.typeId=type.id;orderItem.type=type.name"><span>Select</span><i></i></a>
                                    </div>
                                </dl>
                            </div>
                        </div>
                        <div class="sales">
                            UP TO
                            <strong>40% OFF</strong> • LIMITED TIME ONLY
                        </div>
                        <div class="li_mod">
                            <div class="t">
                                2. Select Quantity
                                <i class="red">*</i>
                                <div class="tipsSEC" v-show="quantityNode!=null &amp;&amp; quantityNode.summary!=null">
                                    <b>?</b>
                                    <div v-html="quantityNode!=null?quantityNode.summary: ''"></div>
                                </div>
                            </div>
                            <ul class="radioUl quantityUl">
                                <li v-for="quantity in (quantityNode==null?[]:quantityNode.children)"> <input type="radio" name="quantity" lay-filter="quantity" :value="quantity.name" :title="quantity.name"> <span class="pno"> <s v-show="orderItem.size > 0 &amp;&amp; (orderItem.embroideryCoverageRequired === false || orderItem.embroideryCoverageId > 0) &amp;&amp; quantity.unitPrice>0"> ${{quantity.unitPrice==undefined?'0':quantity.unitPrice.toDecimalString()}} each=${{quantity.originalAmount==undefined?'0':quantity.originalAmount.toDecimalString()}} </s> <b v-show="orderItem.size > 0 &amp;&amp; (orderItem.embroideryCoverageRequired === false || orderItem.embroideryCoverageId > 0) &amp;&amp; quantity.discountPrice>0"> ${{quantity.discountPrice==undefined?'0':quantity.discountPrice.toDecimalString()}} each=${{quantity.discountAmount==undefined?'0':quantity.discountAmount.toDecimalString()}} </b> </span>                                    </li>
                                <li> <input type="radio" name="quantity" lay-filter="quantity" value="Custom Quantity" title="Custom Quantity"><small>（You must first select Size, in order to set a custom quantity）</small>
                                    <div class="customQuantity">
                                        <input name="customQuantity" v-model="orderItem.customQuantity" placeholder="Enter Quantity" type="text" class="editInput">
                                        <span class="unit">Units</span>
                                        <span class="pno"> <s v-show="orderItem.selectedQuantity=='Custom Quantity' &amp;&amp; orderItem.unitPrice>0">${{orderItem.unitPrice.toDecimalString()}} each = ${{orderItem.originalAmount.toDecimalString()}}</s> <b v-show="orderItem.selectedQuantity=='Custom Quantity' &amp;&amp; orderItem.discountPrice>0">${{orderItem.discountPrice.toDecimalString()}} each = ${{orderItem.discountAmount.toDecimalString()}}</b> </span>
                                        <p id="customQuantity_tip" class="hide"> Minimum order quantity is {{orderItem.minQuantity}} and maximum order quantity is {{orderItem.maxQuantity}} . For order quantity over {{orderItem.maxQuantity}}, please reach out to us at sales@nicepatches.com. Thank
                                            you! </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="buttonWrap clear">
                            <button type="button" :class="{disable:!stepProcess[1].continueStatus}" v-on:click="continueProcess(3)">Continue</button>
                        </div>
                    </div>
                </div>
                <div class="stepbox stepSpe" :class="{selectsbox:selectedProcessIndex==3}" id="stepSpe">
                    <div class="qhd">
                        <h2>Step 3: Special Options</h2>
                        <p>Fill in the options that best fit your needs. Or skip</p>
                        <a class="zk"><i></i></a>
                    </div>
                    <div class="qbd">
                        <div v-for="(specialOption,index) in (specialOptionNode==null?[]:specialOptionNode.children)">
                            <h3 class="dltit">{{index+1}}. {{specialOption.name}}<span> {{specialOption.title}}</span></h3>
                            <div class="dlItem">
                                <dl v-for="(specialOptionItem,index2) in specialOption.children" :class="checkSpecialOptionSelectedStatus(specialOption,specialOptionItem)">
                                    <div class="mimg">
                                        <a :href="getPhoto(specialOptionItem.photoData,0,500,0)" :data-fancybox="specialOption.name" :data-caption="specialOptionItem.name"> <img :src="getPhoto(specialOptionItem.photoData,0,100,0)" alt="图片标题"> </a>
                                    </div>
                                    <dt>
           {{specialOptionItem.name}}
          </dt>
                                    <dd>
                                        {{specialOptionItem.summary}}
                                    </dd>
                                    <div class="dlBottom">
                                        <p class="jiajia">{{specialOptionItem.fee==undefined || specialOptionItem.fee&lt;=0?'Free':'+ ${0}'.replace('{0}',specialOptionItem.fee.toDecimalString())}}</p>
                                        <a class="selectbtn" v-on:click="changeSpecialOptionSelectedStatus(specialOption,specialOptionItem,false)"><span>Select</span><i></i></a>
                                        <p class="disInfo" v-show="checkSpecialOptionSelectedStatus(specialOption,specialOptionItem)==='disable'">incompatible width prior selection</p>
                                    </div>
                                </dl>
                            </div>
                        </div>
                        <div class="buttonWrap clear">
                            <button type="button" :class="{disable:!stepProcess[2].continueStatus}" v-on:click="continueProcess(4)">Continue</button>
                        </div>
                    </div>
                </div>
                <div class="stepbox stepUpload" :class="{selectsbox:selectedProcessIndex==4}" id="stepUpload">
                    <div class="qhd">
                        <h2>Step 4: Upload Artwork</h2>
                        <p> Share your inspiration with us – we'll accept finished technical mocks, reference images or even a sketch on a napkin. </p>
                        <a class="zk"><i></i></a>
                    </div>
                    <div class="qbd">
                        <div class="rowU">
                            <div class="t">
                                1. Upload File:
                            </div>
                            <div class="layui-uploadbox inquoteUpLoad">
                                <a id="uploadFile" class="uploadFile inquoteUploadFile"><i class="layui-icon"></i>Browse Files</a>
                                <div id="uploadImgView" class="uploadImgView">
                                    <div v-for="(file,index) in orderItem.fileList">
                                        <div class="thumbbox">
                                            {{file.fileName}}
                                        </div>
                                        <i v-on:click="orderItem.fileList.splice(index,1)" class="basefont delImg"></i>
                                    </div>
                                    <div id="uploadProgress" class="layui-progress hide" lay-showpercent="yes" lay-filter="progressBar" style="width:180px;margin-top:10px">
                                        <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="upinfo">
                                <p>Max file size is 10MB</p>
                                <p>Allowed extensions:.JPEG,.JPG,.PNG,.AI,.EPS,.PSD,.TIFF,.PDF and .zip</p>
                            </div>
                        </div>
                        <div class="rowU textareaBox">
                            <div class="t">
                                2. Product description and note:
                            </div>
                            <p class="wordAux">Tell us how you would like your artwork customized.Feel free to include any specifications.</p>
                            <textarea name="youMessage" v-model="orderItem.youMessage" placeholder="" lay-vertype="tips" class="layui-textarea"></textarea>
                        </div>
                        <div class="buttonWrap clear">
                            <button type="button" :class="{disable:!stepProcess[3].continueStatus}" v-on:click="continueProcess(5)">Continue</button>
                        </div>
                    </div>
                </div>
                <div class="stepbox stepTurn" :class="{selectsbox:selectedProcessIndex==5}" id="stepTurn">
                    <div class="qhd">
                        <h2>Step 5: Turnaround</h2>
                        <p>Turnaround time is based on the time required to manufacture and ship your products upon approval of digital mockup and physical sample. </p>
                        <a class="zk"><i></i></a>
                    </div>
                    <div class="qbd">
                        <div class="dlItem">
                            <dl v-for="(turnaroundType,index) in (turnaroundTypeNode==null?[]:turnaroundTypeNode.children)" :class="{'cur':orderItem.turnaroundType==turnaroundType.name}">
                                <div class="mimg">
                                    <img :src="getPhoto(turnaroundType.photoData,0,150,0)" alt="turnaroundType.name">
                                </div>
                                <dt>
          {{turnaroundType.name}}
         </dt>
                                <dd>
                                    Your order will arrive between
                                </dd>
                                <div class="dlBottom">
                                    <p class="jiajia"> <span :data-min="turnaroundType.title" :data-max="turnaroundType.subTitle">{{getTurnaroundDateRange(turnaroundType)}}</span> Cost: {{turnaroundType.fee==undefined || turnaroundType.fee&lt;=0?'Free':'$'+turnaroundType.fee.toDecimalString()}}
                                        </p>
                                    <a class="selectbtn" v-on:click="changeTurnaroundTypeSelectedStatus(turnaroundType,false)"><span>Select</span><i></i></a>
                                    <div class="timebox">
                                        <label>Select Date:</label>
                                        <input type="text" class="layui-input" :id="'datetime'+turnaroundType.id">
                                    </div>
                                </div>
                            </dl>
                        </div>
                        <div class="rowU">
                            <div class="rowU_s">
                                <div class="tf">
                                    <b class="red">* </b>Name
                                </div>
                                <input name="name" v-model="orderItem.name" placeholder="" lay-verify="required|min:6|max:20" lay-verType="tips" autocomplete="on" class="layui-input" type="text">
                            </div>
                            <div class="rowU_s">
                                <div class="tf">
                                    <b class="red">* </b>Mail
                                </div>
                                <input name="email" v-model="orderItem.email" placeholder="" lay-verify="required|email" lay-verType="tips" autocomplete="on" class="layui-input" type="text">
                            </div>
                            <p class="jjie">We email you with a production proof as a reply to this request.</p>
                            <div class="rowU_s">
                                <div class="tf">
                                    Discount Code
                                </div>
                                <input name="email" v-model="orderItem.couponCode" placeholder="" lay-verType="tips" autocomplete="on" class="layui-input" type="text">
                            </div>
                            <input type="checkbox" name="isUseCoupon" lay-filter="isUseCoupon" title="Use discount code" lay-skin="primary">
                            <div class="rowU_s">
                                <div class="tf">
                                    Phone
                                </div>
                                <input name="phone" v-model="orderItem.phone" placeholder="" lay-verify="" lay-verType="tips" autocomplete="on" class="layui-input" type="text">
                            </div>
                        </div>
                        <p>Upon receiving the order, your sample will be designed. Samples will be provided for review and modification till you are happy with it befor</p>
                        <div class="buttonWrap clear">
                            <button id="submitOrder" type="button" :class="{disable:!stepProcess[4].continueStatus}" lay-submit lay-filter="submitOrder">Submit</button>
                        </div>
                    </div>
                </div>
            </section>
            <section id="orderSide" class="orderSide hide">
                <div class="positionOrder">
                    <h2>Order Summary</h2>
                    <div class="kehuImg">
                        <img :src="orderItem.productPhotoShow">
                    </div>
                    <div class="orderInfo">
                        <div class="sideLi" v-show="orderItem.product!=''">
                            <dl>
                                <dt>
          Product - {{orderItem.product}}
         </dt>
                                <a class="edBtn" v-on:click="selectedProcess(1)">Edit</a>
                            </dl>
                        </div>
                        <div class="sideLi" v-show="orderItem.product!=''">
                            <dl>
                                <dt>
          Upload Artwork
         </dt>
                                <a class="edBtn" v-on:click="selectedProcess(4)">Edit</a>
                            </dl>
                        </div>
                        <div class="sideLi customizeLi" v-show="orderItem.size!='' || orderItem.quantity!='' || this.orderItem.embroideryCoverage!=''">
                            <dl>
                                <dt>
          Customize -
         </dt>
                                <a class="edBtn" v-on:click="selectedProcess(2)">Edit</a>
                            </dl>
                            <dd>
                                <p class="sli" v-show="orderItem.size!=''">{{orderItem.size}} inches</p>
                                <p class="sli" v-show="orderItem.embroideryCoverage!=''">{{orderItem.embroideryCoverage}}</p>
                                <p class="sli sliTwo" v-show="orderItem.quantity!=''"><span>{{orderItem.quantity}} QTY x ${{orderItem.unitPrice.toDecimalString()}}/Unit</span> <span>${{orderItem.originalAmount.toDecimalString()}}</span></p>
                            </dd>
                        </div>
                        <div class="sideLi speOpLi" v-show="orderItem.specialOptionList.length>0">
                            <dl>
                                <dt>
          Special Options -
         </dt>
                                <a class="edBtn" v-on:click="selectedProcess(3)">Edit</a>
                            </dl>
                            <dd>
                                <p v-for="(specialOption,index) in orderItem.specialOptionList" class="sli sliTwo colTwo"> <span> <img :src="getPhoto(specialOption.photoData,0,100,0)">{{specialOption.itemName}} </span> <span>{{specialOption.fee==undefined || specialOption.fee&lt;=0?'Free':'$'+specialOption.fee.toDecimalString()}}</span> </p>
                            </dd>
                        </div>
                        <div class="sideLi total" v-show="orderItem.subTotal>0">
                            <p class="sliTwo subTotal" v-show="orderItem.subTotal>0"> <span>Subtotal:</span> <span>${{orderItem.subTotal.toDecimalString()}}</span> </p>
                            <p class="sliTwo salesTotal" v-show="orderItem.expediteFee>0"> <span>Expedite Fee:</span> <span>{{orderItem.expediteFee==undefined || orderItem.expediteFee&lt;=0?'0':'$'+orderItem.expediteFee.toDecimalString()}}</span> </p>
                            <p class="sliTwo salesTotal red" v-show="orderItem.additional>0"> <span>Additional {{orderItem.discount}}% Off:</span> <span>-${{orderItem.additional.toDecimalString()}}</span> </p>
                            <p class="sliTwo salesTotal red" v-show="orderItem.isUseCoupon>0"> <span>Discount {{orderItem.couponDiscount}}% Off:</span> <span>-${{orderItem.couponAmoun.toDecimalString()}}</span> </p>
                        </div>
                        <div class="sideLi total" v-show="orderItem.finalTotal>0">
                            <p class="sliTwo finalTotal"> <span>Final Price:</span> <span>${{orderItem.finalTotal.toDecimalString()}}</span> </p>
                        </div>
                        <div class="YOdate" v-show="orderItem.turnaroundDateRange!=''">
                            Your order will arrive
                            <br>{{orderItem.turnaroundDateRange}}
                        </div>
                    </div>
                    <div class="bottomTips">
                        <dl>
                            <i>!</i>
                            <div>
                                <dt>
          We're here to help!
         </dt>
                                <dd>
                                    <p>Chat with us live or mail us at </p>
                                    <b>sales@nicepatches.com</b>
                                </dd>
                            </div>
                        </dl>
                    </div>
                </div>
            </section>
        </article>
    </form>
    <!--//container-->
    <footer>
        <div class="layui-row">
            <dl class="layui-col-sm3">
                <dt>
      NAVIGATION 
      <span class="expandArrow">›</span>
     </dt>
                <dd>
                    <a href="/">Home</a>
                    <a href="/custom-patches/pricing">Pricing</a>
                    <a href="/custom-patches/about-us/">About Us</a>
                    <a href="/custom-patches/testimonials">Testimonials</a>
                    <a href="/custom-patches/in-quote/">10 Patches Types</a>
                </dd>
            </dl>
            <dl class="layui-col-sm3">
                <dt>
      Popular Patches 
      <span class="expandArrow">›</span>
     </dt>
                <dd>
                    <a href="/custom-patches/iron-on-patches/">Iron On Patches</a>
                    <a href="/custom-patches/embroidered-patches/">Embroidered Patches</a>
                    <a href="/custom-patches/velcro-patches/">Velcro Patches</a>
                    <a href="/custom-patches/chenille-patches/">Chenille Patches</a>
                    <a href="/custom-patches/pvc-patches">PVC Patches</a>
                    <a href="/custom-patches/in-quote/" style="color: #e83611">View All Products &gt;&gt;</a>
                </dd>
            </dl>
            <dl class="layui-col-sm3">
                <dt>
      Contact Us
      <span class="expandArrow">›</span>
     </dt>
                <dd>
                    chenillepatch.com
                    <br>sales@chenillepatch.com
                </dd>
                <dd>
                    Customer representative general manager Lisa
                </dd>
                <dd>
                    +86 18556741204
                </dd>
                <dd>
                    <a href="https://twitter.com/NicePatches" target="_blank" class="sns twitter"></a>
                    <a href="https://www.facebook.com/patches.nice.1" target="_blank" class="sns facebook"></a>
                    <a href="https://www.pinterest.com/service3253/" target="_blank" class="sns pinterest"></a>
                    <a href="https://www.instagram.com/custom_patches_manufacturer/" target="_blank" class="sns instagram"></a>
                </dd>
            </dl>
            <dl class="layui-col-sm3">
                <dt>
      　
     </dt>
                <!--     <dd style="text-align: right;">-->
                <!--      <img src="images/trust_13b1fc6917a54d69b0652355a25719d3.png" class="lo" style="width: 1.5rem;" alt="">-->
                <!--     </dd> -->
                <!--     <dd style="text-align: right;">-->
                <!--      <img src="images/paypal_338cbf9592054c61a05c9d14915a82a6.png" class="lo" style="width: 1.5rem;" alt="">-->
                <!--     </dd> -->
            </dl>
        </div>
        <div class="cp">
            Privacy Policy Terms &amp; Conditions Copyright 2019 nicepatches. All Rights Reserved.
        </div>
        <!--//mod-testi-->
        <!--   <div id="sticky-buttons"> -->
        <!--    <a class="chat"><i class="iconfont"></i><span class="text">LIVE CHAT</span></a>-->
        <!--    <a class="backtop"> <i class="iconfont"></i> </a> -->
        <!--   </div> -->
    </footer>
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
    <script src="js/jquery.fancybox.min.js"></script>
    <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.release.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/service.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/autoprice_85e01bc65f934e92871c5040a37ddbac.js"></script>
</body>

</html>